
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>消息通知</title>
</head>
<body><h2>消息通知</h2>
<script>
    window.onload = function () {
        suportNotify()
    }

    //判断浏览器是否支持Web Notifications API
    function suportNotify(){
        if (window.Notification) {
            // 支持
            console.log("支持"+"Web Notifications API");
            //如果支持Web Notifications API，再判断浏览器是否支持弹出实例
            showMess()
        } else {
            // 不支持
            alert("不支持 Web Notifications API");
        }
    }

    //判断浏览器是否支持弹出实例
    function showMess(){
        setTimeout(function () {
            console.log('1：'+Notification.permission);
            //如果支持window.Notification 并且 许可不是拒绝状态
            if(window.Notification && Notification.permission !== "denied") {
                //Notification.requestPermission这是一个静态方法，作用就是让浏览器出现是否允许通知的提示
                Notification.requestPermission(function(status) {
                    console.log('2: '+status);
                    //如果状态是同意
                    if (status === "granted") {
                        var m = new Notification('紧急通知', {
                            body: '有关域名的紧急通知，点击此处立即查看！',　　//消息体内容
                            icon:"https://i.loli.net/2020/05/13/uZSwoaRM4v5dLmf.png"　　//消息图片
                        });
                        m.onclick = function () {//点击当前消息提示框后，跳转到当前页面
                            myWindow=window.open('','','width=750,height=750');
	myWindow.document.write("<p><center>以下是目前我们持续运营的网址<br> <br> https://trytoget.gitee.io/lite-new-page/ <br> http://np.zymail.ga <br> http://zymail.ga <br>  <br> 如果你使用过或正在使反用不在清单内的域名，请立即核对并通过<a href='https://support.qq.com/products/153198?'>支持论坛</a>进行反馈! <br>  <br> 我们开源仅供大家学习使用，使用 Apache License 2.0 进行开源. <br>  <br> 感谢各位长久以来的支持</center></p>");
	myWindow.focus();
                        }
                    


                    var m = new Notification('您的主页已更新', {
                            body: '您的主页已更新至最新版本，请刷新网页并点击此处了解更多！',　　//消息体内容
                            icon:"https://i.loli.net/2020/05/13/uZSwoaRM4v5dLmf.png"　　//消息图片
                        });
                        m.onclick = function () {//点击当前消息提示框后，跳转到当前页面
                            myWindow=window.open('','','width=750,height=750');
	myWindow.document.write("<p><center>本次更新内容<br> <br> 1.增加壁纸功能<br>  2.修复BUG <br> <br> 如果你需要帮助，欢迎进入<a href='https://support.qq.com/products/153198?'>支持论坛</a>！<br>进行反馈! <br>  <br> 我们开源仅供大家学习使用，使用 Apache License 2.0 进行开源. <br>  <br> 感谢各位长久以来的支持!</center></p>");
	myWindow.focus();
                        }




                    } else{
                        alert('当前浏览器不支持弹出消息')
                    }
                });
            }
        },1000)
    }
</script>
</body>
</html>